{% extends 'universal/myself_base.html' %}
{% block title %}发布博客{% endblock %}
{% block page_content %}
    <form method="post"><!--action指定接收表单数据的地方，默认是当前路由-->
        <p><select class="form-control" name="article_type"><!--放在p标签里能和下面的标题有一点间距。class复制的https://v3.bootcss.com/css/#%E4%B8%8B%E6%8B%89%E5%88%97%E8%A1%A8%EF%BC%88select%EF%BC%89-->
            {% if article_type==["未添加任何'文章类型'"] %}
                <option value="0">未添加任何'文章类型'</option><!--value属性规定在表单被提交时被发送到服务器的值，未指定时值将设置为option标签中的内容-->
            {% else %}
                <option value="0">请选择文章类型</option>
                {% for i in article_type %}
                    <option value="{{ i.id }}">{{ i.type_name }}</option>
                {% endfor %}
            {% endif %}
        </select></p>
        <p><input type="text" class="form-control" name="title" placeholder="标题只能在2-100位之间" maxlength="100" /></p><!--name属性(article.py中取输入框的值要用)。class复制的https://v3.bootcss.com/css/#forms-example，且看页面内前两行文字-->
        <textarea id="mytextarea" name="mytextarea" placeholder="正文只能在1-10000位之间" maxlength="10000"></textarea>
        <p></p><!--空标签使文本域与发布按钮有一定间隔，且比放个br标签间隔小-->
        <button class="btn btn-default" type="submit">发布</button>
    </form>
{% endblock %}
{% block scripts %}
    {{ super() }}
    {# 下面两个script标签是TinyMCE的快速开始 from http://tinymce.ax-z.cn/quick-start.php #}
    <script src="{{ url_for('static',filename="tinymce/tinymce.min.js") }}"></script><!--引入TinyMCE脚本-->
    <script> //将TinyMCE初始化为页面的一部分。就是创建一个TinyMCE实例初始化，来取代<textarea id='mytextarea'>
        $(function (){
            tinymce.init({ //不想自己写的话可以复制http://tinymce.ax-z.cn/demos/demo-classic.php
                selector:'#mytextarea', //选择要替代的文本域。上面定义文本域时设了id，所以这里用#选择。init里只写这一句就能引入最基本的TinyMCE，后面的代码是额外的配置
                height:515, //不能带单位
                plugins:"quickbars emoticons", //第一个是光标的位置处提示能快速插入图片和表格，第二个是插入表情。更多插件在文档中的插件使用部分
                language:'zh_CN' //注意大小写。这行from http://tinymce.ax-z.cn/general/localize-your-language.php
            })
        })
    </script>
{% endblock %}